<!doctype html>
<html lang="en">

<head>
  <title>Title</title>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS v5.2.0-beta1 -->
  <link rel="stylesheet" href="./assets/css/animista.css">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="./assets/css/swiper-bundle.min.css" />


</head>

<body>

  <div class="layui-container ">
    <div style="margin-top: 42px">
      <a href="./index.html">
        <i class="layui-icon layui-icon-return" style="color: #55D07F;float: left;font-size: 30px;"></i>
      </a>
      <div style="width:60%;margin: auto;">
        <h2 style="font-size: 24px; text-align: center;">运动介绍</h2>
      </div>
      <div style="margin-top: 42px;">
        <div class="swiper ">
          <div class="swiper-wrapper">
            <div class="swiper-slide" >
              <p class="fade-in-left" style="position: absolute;top: 40px;left: 190px;font-size: 36px;color: #fff;">眼部疲劳</p>
              <p class="fade-in-left" style="position: absolute;top: 220px;left: 16px;font-size: 36px;color: #000;">影响颈椎</p>
              <p class="fade-in-left" style="position: absolute;top: 440px;left: 66px;font-size: 36px;color: #000;">长时间玩手机</p>
              <img class="imgradius" src="./images/badCard/card1.png" alt="">
            </div>
            <div class="swiper-slide"><img class="imgradius" src="./images/badCard/card2.png" alt="">
              <div class="layui-anim layui-anim-fadein" style="position: absolute;top: 20px;left: 20px;font-size: 40px;">熬夜熬夜熬夜</div>
            </div>
            <div class="swiper-slide"><img class="imgradius" src="./images/badCard/card3.png" alt=""></div>
            <div class="swiper-slide"><img class="imgradius" src="./images/badCard/card4.png" alt=""></div>
          </div>
        </div>
        <div style="font-size: 1.25rem;text-align: center;margin-top: 20px;">请点击文字查看内容</div>
      </div>



    </div>
    <!-- Bootstrap JavaScript Libraries -->
    <script src="./layui/layui.js"></script>
    <script src="./assets/js/swiper-bundle.min.js"></script>
    <script src="./assets/js/swiper-start.js"></script>
</body>

</html>